<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>BootStrap中文网</title>
	<meta http-equiv="X-UA-Compatible" content="IE-edge">
	<meta name="view-port" content="width=device-width,initial-scale=1">
	<link rel="stylesheet" type="text/css" href="./bootstrap-3.3.7-dist/css/bootstrap.min.css">
	<!-- 添加IE8支持 -->
	<!--[if lt IE 9]>
	<script type="text/javascript" src="./bootstrap-3.3.7-dist/js/html5shiv.min.js"></script>
	<script type="text/javascript" src="./bootstrap-3.3.7-dist/js/respond.min.js"></script>
	<![endif]-->
	<script type="text/javascript" src="./bootstrap-3.3.7-dist/js/jquery.min.js"></script>
	<script type="text/javascript" src="./bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</head>
<body>
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#head">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a href="#" target="_blank" class="navbar-brand">Bootstrap中文网</a>
			</div>
			<div class="collapse navbar-collapse" id="head">
				<ul class="nav navbar-nav">
					<li><a href="#" target="_blank">Bootstrap3中文文档</a></li>
					<li><a href="#" target="_blank">Bootstrap4中文文档</a></li>
					<li><a href="#" target="_blank">Less教程</a></li>
					<li><a href="#" target="_blank">jQuery API</a></li>
					<li><a href="#" target="_blank">网站实例</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li><a href="#">关于</a></li>
				</ul>
			</div>
		</div>
	</nav>
	<div class="jumbotron masthead">
		<div class="container text-center" >
			<h1 >Bootstrap</h1>
			 <h2>简洁、直观、强悍的前端开发框架，让web开发更迅捷、简单。</h2>
			<a class="btn btn-lg btn-primary btn-shadow" href="#" target="_blank" role="button">Bootstrap3中文文档(v3.3.7)</a>
			<ol class="masthead-links list-unstyled">
				<li><a href="#" target="_blank" role="button">Bootstrap2中文文档(v2.3.2)</a></li>
			</ol>
		</div>
	</div>
	<div class="text-center bg-success">
		<div class="container">
			<ol class="bc-social-buttons list-unstyled list-inline">
				<li class="social-forum">
					<a class="" href="#" title="Bootstrap问答社区" target="_blank">
						<i class="fa fa-comments"></i>Bootstrap问答社区
					</a>
				</li>
				<li class="social-weibo">
					<a href="#" title="BootStrap中文网官方微博" target="_blank"><i class="fa fa-weibo"></i>新浪微博：@Bootstrap中文网</a>
				</li>
			</ol>
		</div>
	</div>
	<div class="container">
		<div class="text-center">
			<h2>Bootstrap相关优质项目推荐</h2>
			<p>这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的</p>
		</div>
		<div class="row">
			<div class="col-sm-6 col-md-4 col-lg-3">
			</div>
		</div>
	</div>
</body>
</html>